let url = location.href;
// console.log(url);
let index = url.indexOf("OCX6");

let shopId = url.substring(index, +index + 8);

let index1 = url.indexOf("6");
let shopId1 = url.substring(+index1 + 4, +index1+1);

console.log(shopId1);

$.get("../rearEnd/goodsAndShoppingCart/getGoodsInfo.php","goodsId="+shopId1,function(data){
    console.log(JSON.parse(data));
    $(".sm-img img").attr("src",JSON.parse(data).goodsImg);
    $(".goodsTit").html("OCX6"+JSON.parse(data).goodsId);
    $(".goodsTit").next().html(JSON.parse(data).goodsName);
    $(".nuxt-link-active").next().html(JSON.parse(data).goodsName);
    $(".market_price del").html("价格：￥"+JSON.parse(data).beiyong2);
    $(".goodsPrice").html("促销价：￥"+JSON.parse(data).goodsPrice)
    $(".scrollList img").eq(0).attr("src",JSON.parse(data).beiyong3);
    $(".scrollList img").eq(1).attr("src",JSON.parse(data).beiyong4);
    $(".scrollList img").eq(2).attr("src",JSON.parse(data).beiyong5);
    $(".scrollList img").eq(3).attr("src",JSON.parse(data).beiyong6);
    $(".scrollList img").eq(4).attr("src",JSON.parse(data).beiyong7);
    $(".scrollList img").eq(5).attr("src",JSON.parse(data).beiyong8);
    $(".scrollList img").eq(6).attr("src",JSON.parse(data).beiyong9);
    $(".bimg").children().attr("src",JSON.parse(data).goodsImg);
});

// ------------------------------
//鼠标移动到遮罩层上显示小区块跟大图
$(".scrollBack .shade").hover(function () {
    $(".scrollBack .move").show();
    console.log(111);
    $(".scrollBack .bimg").show();
}, function () { 
    //鼠标移出到遮罩层上隐藏小区块跟大图
    $(".scrollBack .move").hide();
    $(".scrollBack .bimg").hide();
});

// 让透明的小区块跟随鼠标的位置移动
$(".scrollBack .shade").mousemove(function (e) {

    var $x = e.pageX;//鼠标与浏览器X轴的距离
    var $y = e.pageY;//鼠标与浏览器Y轴的距离
    var $l = $(".scrollBack").offset().left; //获取BOX与浏览器窗口左边的距离   offset设置盒子的位子
    var $t = $(".scrollBack").offset().top; //获取BOX与浏览器窗口上边的距离

    //小区块的长度
    var $w = $(".scrollBack .move").width() / 2;
    //小区块的高度
    var $h = $(".scrollBack .move").height() / 2;
    var $left = $x - $l - $w; //透明小区块左面的距离
    var $top = $y - $t - $h;  //透明小区块上面的距离
    //alert($left+":"+$top)

    //做判断，不能让透明区块移出去
    if ($top < 0) { //不让他从上面跟下面出去
        $top = 0;
    } else if ($top > ($(".scrollBack .shade").height() - $h * 2 - 2)) {
        $top = $(".scrollBack .shade").height() - $h * 2 - 2;
    };

    if ($left < 0) {//不让他从左面跟右面出去
        $left = 0;
    } else if ($left > ($(".scrollBack .shade").width() - $w * 2 - 2)) {
        $left = $(".scrollBack .shade").width() - $w * 2 - 2;
    }
    //跟随鼠标移动
    $(".scrollBack .move").css({ left: $left, top: $top });

    var $yd_w = $(".scrollBack .shade").width() - $w * 2; //透明区块能滑动的最大宽度
    var $yd_h = $(".scrollBack .shade").height() - $h * 2; //透明区块能滑动的最大高度


    //滑动宽度的比例
    var $yd_wbl = $left / $yd_w;
   
    //滑动高度的比例
    var $yd_hbl = $top / $yd_h;
   

    var $big_left = ($(".scrollBack .bimg img").width() - $(".scrollBack .bimg").width()) * $yd_wbl; //大图对应的左面的距离
    var $big_top = ($(".scrollBack .bimg img").height() - $(".scrollBack .bimg").height()) * $yd_hbl; //大图对应的上面的距离

    $(".scrollBack .bimg img").css({ left: -$big_left, top: -$big_top });

});

// -----------------------------

// 详情页商品点击切换
for (var i = 0; i < $(".scrollList div").length; i++) {
    $(".scrollList div").eq(i).click(function () {
        $(this).attr("class", "listImgBorder");
        $(this).siblings().attr("class", "");

        $(".mask").next().attr("src",$(this).children().attr("src"));
        $(".bimg").children().attr("src",$(this).children().attr("src"))
    });
}


$("#pro-top").click(function () {
    $(".scrollList").css({
        top: 0
    });
});

$("#pro-bottom").click(function () {
    $(".scrollList").css({
        top: -72
    });
});

$(".selectNumb div").eq(0).click(function(){
    $(".selectNumb input").val($(".selectNumb input").val()-1);
    if($(".selectNumb input").val() < 0){
        $(".selectNumb input").val(0);
    }
});

$(".selectNumb div").eq(1).click(function(){
    $(".selectNumb input").val(+$(".selectNumb input").val()+1);
});


$(".addCart").click(function(){
    let spId = $(".goodsTit").html().substring(4,7);
    console.log(spId);

    if($(".selectNumb input").val() <= 0){
        alert("数量不能小于0");
    }else{
        $.ajax({
            type: "POST",
            url: "../rearEnd/goodsAndShoppingCart/addShoppingCart.php",
            data: {
                vipName: localStorage.getItem("vipName"),
                goodsId: $(".goodsTit").html().substring(4,7),
                goodsCount:$(".selectNumb input").val()
            },
            success: function (msg) {
                console.log(msg);
                if (msg == "1") { 
                    console.log("成功");  
                    // setTimeout(function() {
                    //     // location.replace("login.html");
                    //     console.log(111222);
                    // }, 50);
                } else {
                    console.log("失败");
                }
            }
        });
        alert("操作成功");
    }
})
